<template>
  <el-menu :default-active="$route.path" class="el-menu-vertical-demo" router>
    <el-menu-item :index="item.path" v-for="item in menuList" :key="item.id">
      <i :class="item.icon"></i>
      <span slot="title">{{ item.titler }}</span>
    </el-menu-item>
  </el-menu>
</template>

<script>
export default {
    props: {
        menuList: {
            type: Array,
            default: () => []
        }
    }
};
</script>

<style>
</style>